<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="demo">
			<!-- v-for遍历数组 -->
			<ul>
				<li v-for="item,index in items" :key="index">
					{{index}}--{{item.message}}
				</li>
			</ul>

			<!-- v-for遍历对象 -->
			<ul>
				<li v-for="(value,name,index) in object" :key="index">
					{{index}} {{name}}:{{value}}
				</li>
			</ul>
			
			<!-- v-for数值范围 -->
			<span v-for="n in 10"> {{n}}</span>
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#demo",
				data: {
					items: [{
							message: "aaa"
						},
						{
							message: "bbb"
						},
						{
							message: "ccc"
						}
					],
					object: {
						id: 1,
						title: "发送方地方的顺丰到付"
					}
				}
			})
		</script>

	</body>
</html>
